<template>

  <AppProvider>
    <transition enter-active-class="animated animate__fadeIn" leave-active-class="">
      <PageStackRouterView v-if="showPageStack" />
      <RouterView v-else />
    </transition>
  </AppProvider>

</template>

<script setup lang="ts">
  import { onMounted } from 'vue';
  const name = 'App';
  const showPageStack = import.meta.env.VITE_APP_PAGE_STACK === 'true';

  onMounted(() => {
    console.log(`${name} onMounted`);
  });
</script>

<style>
  ::-webkit-scrollbar {
    display: none;
  }

  .flex {
    display: flex;
  }

  .al-center {
    align-items: center;
  }

  .fl-warp {
    flex-wrap: wrap;
  }

  .jus-arn {
    justify-content: space-around;
  }

  .jus-bet {
    justify-content: space-between;
  }

  .txt-cen {
    text-align: center;
  }
</style>
